<template>
    <div>
        <div v-show="pageShow" style="margin-top:20px;">
            <a-pagination :pageSize="pageSize" :current="page"  :total="count" @change="clickPage"/>
        </div>
    </div>
</template>

<script>
    export default {
        data(){
            return{
                page:1,
                pageSize:10,
                pageSum:20,
                count:11,
                pageShow:true
            }
        },
        mounted(){
            if (this.arer <= 1) {
                this.pageShow = false
            }
        },
        computed:{
            arer(){
                return this.count / this.pageSize
            },
        },
        methods:{
            clickPage(e){
                this.page = e
            }
        }
    }
</script>

<style>

</style>
